<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Trail Image</title>
	<meta content='Stories and images of small adventure trips in and around the state of Idaho' name='description'/> 
	<meta content='BMW R1200GS, motorcycle, motorcycling, riding, adventure, Jason Abbott, Abbott, outdoors, scenery, idaho, mountains' name='keywords'/>
	<link href='/style/ti.css' rel='stylesheet' type='text/css'/>
	<link href='/image/favicon.ico' rel='shortcut icon'/> 
	<link href='/image/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
	<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js' type='text/javascript'></script>
	<script type='text/javascript' src='/script/ti.js'></script>
	<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyBDcNi15Y55A-UYT6PopX6z-hIqonD92gY&sensor=false" type="text/javascript"></script>
	<!--[if lte IE 7]>
	<style>
		img { -ms-interpolation-mode: bicubic; }		/* Image quality fix */
	</style>
	<![endif]-->
</head>
<body>
	<div id="toolbar">
		<button id="browseButton" title="Browse Photo Sets"><i class="icon-list icon-white"></i>Browse</button>
		<button id="prevButton" title="Previous Photo (keyboard: &larr;)"><i class="icon-chevron-left icon-white"></i></button>
		<button id="zoomButton" title="Zoom photo (keyboard: z)">
			<i class="icon-zoom-in icon-white"></i>
			<i class="icon-zoom-out icon-white"></i>
		</button>
		<button id="playButton" title="Start slideshow">
			<i class="icon-play icon-white"></i>
			<i class="icon-pause icon-white"></i>
		</button>
		<button id="filmstripButton" title="Hide filmstrip"><i class="icon-film icon-white"></i></button>
		<button id="aboutButton" title="About"><i class="icon-user icon-white"></i></button>
		<button id="cameraButton" title="Technical photo details"><i class="icon-camera icon-white"></i></button>
		<button id="embedButton" title="Embed slideshow"><i class="icon-download-alt icon-white"></i></button>
		<button id="shareButton" title="Share link"><i class="icon-share icon-white"></i></button>
		<button id="helpButton" title="Keyboard shortcuts"><i class="icon-question-sign icon-white"></i></button>
		<button id="giftButton" title="A surprise each time"><i class="icon-gift icon-white"></i></button>
		<button id="fullscreenButton" title="Show full screen (keyboard: F11)"><i class="icon-fullscreen icon-white"></i></button>
		<button id="commentButton" title="Add a comment"><i class="icon-comment icon-white"></i></button>
		<button id="twitterButton" title="Tweets"><i class="icon-twitter icon-white"></i></button>
		<button id="nextButton" title='Next Photo (keyboard: &rarr;)'><i class="icon-chevron-right icon-white"></i></button>
		<div class='rightSide'>
			<button id="mapButton" title="Show map">Map<i class="icon-map-marker icon-white"></i></button>
		</div>
	</div>

	<div id='menu' class='tool'>
		<div class='first column collections'></div>
		<div class='second column'></div>
		<div class='third column'></div>
	</div>

	<div id='tools' class='shadow'>
		<a href='http://www.flickr.com/photos/organize/?start_tab=sets' target='_blank'>Organize</a>
		<a href='http://www.flickr.com/photos/trailimage/collections/' target='_blank'>Edit</a>
		<a href='https://www.google.com/analytics/web/?hl=en&pli=1#report/visitors-overview/a22180727w43724061p43759940/' target='_blank'>Analytics</a>
	</div>

	<div id='camera' class='tool'></div>

	<div id='help' class='tool'>
		<h1>Shortcuts</h1>
		<dl>
			<dt>H</dt><dd>Hide all overlays</dd>
			<dt>M</dt><dd>Toggle map size</dd>
			<dt>Z</dt><dd>Toggle photo zoom</dd>
			<dt><i class="icon-arrow-left"></i></dt><dd>Previous photo</dd>
			<dt><i class="icon-arrow-right"></i></dt><dd>Next photo</dd>
			<dt class='f-key'>F11</dt><dd>Full screen</dd>
		</dl>
	</div>

	<div id='about' class='tool'>
		<p>For now:</p>
		<ul class='links'>
			<li><a href='http://flickr.com/photos/trailimage/'>Flickr</a></li>
			<li><a href='http://www.facebook.com/TrailImage'>Facebook</a></li>
			<li><a href='http://www.panoramio.com/user/trailimage'>Panoramio</a></li>
		</ul>
	</div>

	<div id='map' class='tool'></div>
	<div id='twitter' class='tool'></div>
	<div id='quote' class='tool'></div>

	<div id='embed' class='tool'>
		<label for="embedText">Copy and paste this HTML to embed a slideshow of the current set:</label>
		<textarea id="embedText"></textarea>
	</div>

	<div id='share' class='tool'>
		<label for='setLink'>Link to album</label><input type='text' id='setLink'/><br/>
		<label for='photoLink'>Link to photo</label><input type='text' id='photoLink'/>
	</div>

	<div id="comment" class="tool">
		<p>Comment using</p>
		<a id="fb-comment">Facebook</a><br/>
		<a id="flickr-comment" href="">Flickr</a>
	</div>

	<div id='photo'></div>

	<div id='caption' class='tool'>
		<div class="scrollbar">
			<div class="track">
				<i class="icon-chevron-up"></i>
				<div class="thumb">
					<i class="icon-align-justify icon-white"></i>
					<div class="end"></div>
				</div>
				<i class="icon-chevron-down"></i>
			</div>
		</div>
		<div class='viewport'>
			<div class='description overview'></div>
		</div>
		<div class='date-taken'></div>
	</div>

	<div><a id='flickr-link' href='http://flickr.com/photos/trailimage/' target='_new'>all photos are hosted at Flickr.com<i class="icon-globe"></i></a></div>

	<div id="strip-container">
		<div id="strip-back"></div>
		<div id="strip"></div>
	</div>
</body>
</html>